<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>:before 选择器</title>
		 <!-- 用于在被选元素的内容前插入内容，必须配合content 属性来指定插入的内容 -->
		<style type="text/css">
			p:before
			{ 
			content:"插入的台词：";
			}
			ul>li:before{
				content: "插入的内容";
				/* 被插入的内容的其他属性 */
				background: #33CCCC;
			}
		</style>

	</head>
	<body>

		<p><a href="#id01">跳转到内容1</a></p>
		<p><a href="#id02">跳转到内容2</a></p>
        <ul>
        	<li>1</li>
        	<li>2</li>
        	<li>3</li>
        </ul>
		<p id="id01"><b>内容1</b></p>
		<p id="id02"><b>内容2</b></p>
		

	</body>
</html>
